/** Add css rules here for your application. */


/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}

.vignette {
	width: 100px;
	height: 100px;
}

/* Onglet Liste Troll */
.gwt-TabLayoutPanelContent {
	width: 800px;
	margin: 0 auto;
}
.liste_troll, .editeur_troll{
	width: 800px;
	margin: 0 auto;
}
	.titre_nom_troll {
		margin-bottom: 20px;
		font-size: 24px;
		text-align: center;
		text-transform: uppercase;
		font-weight: 400;
		/*font-family: Calibri, arial, sans-serif;*/
	
	}
	.block_carac{
		width: 200px;
		height: 400px;
	}
	.block_apercu_troll {
		/*width: 400px;*/
		height: 400px;
	}
	.block_galerie_trolls_boutons{
		width: 800px;
		height: 120px;
		margin: 10px;
		float: left;
	}
		.block_boutons{
			vertical-align: middle;
			width: 30%;
			height: 100%;
		}
			.button_liste_troll {
				/*width: 90px;*/
				padding: 10px 20px;
				margin: 0 10px;
				background: #999;
				color: #ffffff;
			}
			.button_liste_troll:hover{
				cursor: pointer;
				background: #333;
			}
		.block_galerie_trolls{
			width: 70%;
			height: 100%;
		}
	
	.block_infos_editeur{
		width: 200px;
	}
	.block_galerie_editeur{
		width: 300px;
		height: 500px;
		
	}
	.block_carac_editeur{
		width: 300px;
	}
	.block_control_editeur{
		width: 800px;
	}
	
